<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>加入图片超链接</title>
    <style>
        a{
            text-decoration: none;
            color: black;
        }
        a:hover{
            color: red;
        }
    </style>
</head>
<body>
<div class="a1">第一个div</div>
<div class="a1">第二个div</div>
<div id="a1">第一个div</div>
<div id="a2">第二个div</div>
<div style="background-color: saddlebrown">第三个div</div>
<img src="../html素材/01.png" title="广告" alt="图片找不到了" width="1480px">
<a href="https://gitee.com/rcnhtin" target="_blank">gitee</a>
<a href="https://ids.xsyu.edu.cn/authserver/login?service=http%3A%2F%2Fjwxt.xsyu.edu.cn%2Feams%2Fhome.action" target="_blank"> 西安石油大学教务系统</a>
<a href="https://www.xsyu.edu.cn/" target="_blank"><img src="../html素材/05.png" title="点击跳转到西安石油大学官网"></a>
<br/>
<a href="../04_属性.html" target="_blank">点我跳转</a>
</body>
</html>